/* 通用*/
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: 'Microsoft YaHei', 'arial';
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

img {
    border-style: none;
}

li {
    list-style-type: none;
}

h1,
h3 {
    font-weight: normal;
}

.ofh {
    overflow: hidden;
}

.non {
    display: none;
}

.ib {
    display: inline-block;
}

.abs {
    position: absolute;
}

.ret {
    position: relative;
}

.ma {
    margin: 0 auto;
}

.cb {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.rt {
    text-align: right;
}

.ct {
    text-align: center;
}

.cp {
    cursor: pointer;
}

.horiz {
    height: 1px;
}

/* 色彩 */
.white1 {
    background-color: white;
}

.white2 {
    background-color: ghostwhite;
}

.white3 {
    background-color: #F7F7F7;
}

.gray1 {
    background-color: #EFEFEF;
}

.gray2 {
    background-color: #E3E3E3;
}

.gray3 {
    background-color: #E0E0E0;
}

.gray4 {
    background-color: #464646;
}

.black1 {
    background-color: black;
}

.black2 {
    background-color: #363636;
}

.blue1 {
    background-color: blue;
}

.blue2 {
    background-color: #376FFF;
}

.blue3 {
    background-color: azure;
}

.grn1 {
    background-color: lightgreen;
}

/* 固定参数 */
hr {
    margin: 10px;
}

.opc {
    opacity: 0.5;
}

.verti {
    width: 1px;
}

.afl {
    width: 100%;
    height: 100%;
}

.r20 {
    width: 20px;
    height: 20px;
}